@charset "utf-8";

nav li { display:inline-block; }
nav a { display:block; }
nav h1 {
    font-size:1em;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    padding:10px 0 4px 3px;
}

header nav ul {
    margin:0 5px;
    color:#afafaf;
}
header nav li {	display:inline-block; }
header nav li:before {
    content:"|";
    margin:0 5px;
}
header nav#userlinks li:first-child:before {
    content:"";
    margin:0;
}
header nav a { display:inline-block; }

nav#main {
    position:relative;
    z-index:2;
    display:block;
    position:relative;
}
nav#main ul {
    width:100%;
    margin:auto;
    padding:14px 0 0 0;
    display:block;
    border-top:1px dotted #645c44;
    border-bottom:1px solid #645c44;
}
nav#main li {
    padding:0 6px 0 16px;
    background-image:url(../img/bullet.gif);
    background-repeat:no-repeat;
    background-position:0 8px;
}
nav#main li:first-child { background:none; }
nav#main a { 
    padding:3px 37px 7px 31px;
    font-weight:bold;
    text-transform:uppercase;
}
nav#main a.selected {
    background-color:#645c44;
    border-radius:5px;
    padding-bottom:20px;
}
nav#main a.selected:hover {  }

nav#sub {
    background-color:#645c44;
    width:100%;
    min-height:12px;
    position: relative;
    z-index:3;
    margin:-12px 0 24px 0;
    display:block;
    text-align:center;
}
nav#sub ul {
    display:inline-block;
    margin:auto;
}
nav#sub a {
    padding:7px 19px;
    display:inline-block;
    font-weight:bold;
    text-transform:uppercase;
}
nav#sub a:hover {
    padding-left:4px;
    padding-right:4px;
}
nav#sub a:hover:before {
    content:"›";
    margin:0 5px;
}
nav#sub a:hover:after {
    content:"‹";
    margin:0 5px;
}

nav#left {
    display:block;
    width:260px;
    margin-top:17px;
}
nav#left li {
    display:block;
    padding:0 6px;
    background-image:url(../img/list-marker.gif);
    background-repeat:no-repeat;
    background-position:0 11px;
    border-bottom:1px dotted #645c44;
}
nav#left li:last-child { border:0; }
nav#left a { 
    display:inline-block;
    padding:7px 10px;
    color:#545148;
    text-transform:uppercase;
}
nav#left a:hover { color:#fff; }

nav#info {
    display:block;
    position:relative;
    width:430px;
    margin:auto;
    color:#545148;
}
nav#info li {	display:inline-block; }
nav#info li:before {
    content:"|";
    margin:0 5px;
}
nav#info li:first-child:before {
    content:"";
    margin:0;
}
nav#info a { 
    display:inline-block;
    font-size:10px;
    color:#545148;
    text-transform:uppercase;
}
nav#info a:hover { color:#fff; }
